<template>

  <div class="">

     <!-- 为 ECharts 准备一个定义了宽高的 DOM -->

 <div id="main" style="width: 600px;height:400px;"></div>

  </div>

</template>

<script>

export default {

 name: 'HoMe',

 components: {},

 mounted(){

    // 基于准备好的dom，初始化echarts实例

     var myChart = this.$echarts.init(document.getElementById('main'))

     // 指定图表的配置项和数据

     var option = {

       title: {

         text: '用户约车数据统计'

       },

       tooltip: {},

       legend: {

         data: ['打车量']

       },

       xAxis: {

         data: ['周一', '周二', '周三', '周四', '周五', '周六','周日']

       },

       yAxis: {},

       series: [

         {

           name: '打车量',

           type: 'bar',

           data: [50, 60, 46, 40, 45, 78, 65]

         }

       ]

     }

     // 使用刚指定的配置项和数据显示图表。

     myChart.setOption(option)

 }

}

</script>

<style>

</style>
